* { padding:0px; margin:0px; font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; }
a { text-decoration: none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{zoom:1;}

.radius25,.button-bar>.button.radius25,.popup-buttons .button.radius25 { border-radius: 25px; -webkit-border-radius:25px; -moz-border-radius: 25px; }
button, input, label, select, textarea { font-size:16px; }

ion-content, ion-modal-view { background-color: #E9E9E9; }
.bar-header button.ion-ios-arrow-left { padding-right:20px; }
.popup-container .popup { border-radius: 5px; background-color: rgba(255,255,255,.95); }
.popup .button.button-positive { border-color:#44ABB2; background-color:#44ABB2; color: #fff; }
.popup .popup-head,
.popup .popup-body { border-bottom:1px solid #ccc; color:#000; }
.popup .popup-head .popup-title {font-size:16px; font-weight:normal;}
.popup .popup-buttons { padding:0px; min-height:40px; }
.popup .popup-buttons .button,
.popup .popup-buttons .button.button-positive { background-color:transparent; border:0px;border-right: 1px solid #ccc; border-radius:0; margin-right:0; }
.popup .popup-buttons .button.button-dark { color:#747884; border-right:0; }
.popup .popup-buttons .button.button-assertive { color:#ef473a; border-right:0; }
.popup .popup-buttons .button.button-positive { color:#44ABB2; border-right:0; }
.pop-alert .popup .popup-head { padding:30px 10px 26px 10px; }
.pop-alert2 .popup .popup-head { padding:18px 10px 10px 10px; border-bottom:0px; }
.pop-alert2 .popup .popup-body { padding:5px 10px 18px 10px; }

.tabs { background-color:transparent; background-image:linear-gradient(0deg,#A7A7AA,#A7A7AA 50%,transparent 50%); }

ion-list .list,.list { margin-top:-1px; }
.ioslist.left45 .list .item:after { left:45px; }
.ioslist.left14 .list .item:after { left:14px; }
.ioslist.left45 .list,.ioslist.left14 .list { margin-bottom:15px; }
.ioslist.mb0 .list { margin-bottom:0; }
.ioslist .list:before {content: '';position: absolute; top:0px; left: 0;right: 0px; border-top: 1px solid #ccc; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index:10; }
.ioslist .list:after {content: '';position: absolute; bottom:-1px; left: 0;right: 0px; border-bottom: 1px solid #ccc; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index:10; }
.ioslist .list .item { border-style:none; }
.ioslist .list .item:after {content: '';position: absolute;top:0;left: 0;right: 0px;border-top: 1px solid #ccc; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.ioslist .list .item:first-child:after { border-bottom:none; }

.list-title { font-size:16px; padding:10px 16px; }
.edit-title { padding:10px 10px 0px 10px; background-color:#fff; }
.edit-item input[type='text'] { width:100%; padding:16px 10px; height:40px; }
.edit-item textarea { width:100%; padding:10px; height:150px; resize:none; }
.edit-item.item.range { padding:10px; border:0px; }
.edit-item.item.range input { margin:0px; }
.item-bline { position:relative; }
.item-bline::after { content: '';position: absolute;bottom:0;left: 0;right: 0px;border-bottom: 1px solid #ccc; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.item .item-text { font-size:15px; position:absolute; right:33px; top:30%; }

.ioslist .list .item-more { height:46px; }
.ioslist .list .item-more .ion-ios-arrow-right { right:15px; position: absolute; top: 20%; font-size: 20px; color: #aaa; z-index:10; }
.ioslist .list .item-more .icon,
.ioslist .list .item-more .autoicon { width:32px; font-size:25px;padding:0px;color:#ccc;display:block; }
.ioslist .list .item-more .autoicon { width:auto; }

.ioslist .list .item.activated,
.ioslist .list .item.item-complex .item-content { background-color:#fff; }
.ioslist .list .item.clicked,
.ioslist .list .item.clicked .item-content,
.ioslist .list .clicked .item { background-color:#d9d9d9; }

.ioslist .list .item-toggle { height:46px; }
.ioslist .list .item-toggle > div,
.ioslist .list .item-toggle > label.toggle { margin-top:-8px; }
.ioslist .list .item-toggle .icon { vertical-align:middle;}
.ioslist .list .item-toggle div span.title { padding-left:5px; }
.ioslist .list .item-toggle .toggle { margin-top:-1px; }

.ioslist .list .item-select { height:46px; margin:0; position:relative; }
.ioslist .list .item-select:after { position: inherit;top: inherit;bottom: inherit;right: inherit;margin-top: inherit;width: inherit;border-top: inherit;border-right: inherit;border-left: inherit;color: inherit;content: inherit;pointer-events: none; content: '';position: absolute;top:0;left: 0;right: 0px;border-top: 1px solid #ccc;}
.ioslist .list .item-select select { padding-right:32px; font-size:16px; }
.ioslist .list .item-select:first-child:after { border:none; }

.item-card { box-shadow:none; margin:5px; border-radius:0 0 5px 5px; border:none;position: relative; }
.item-card::after {content: '';position: absolute;top: 0;left: 0px; right:0;border: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box;width: 200%;height: 200%;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;transform-origin: left top;z-index: 10; pointer-events: none; }
.item-card .item { border:none; margin:0; }
.item-card .item-body { padding:10px; line-height: 28px; font-size:16px; }
.item-card .item-body::after { content: '';position: absolute;bottom:1px;left: 0;right: 0px;border-bottom: 1px solid #ccc; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; }
.item-card .item-body p { margin-top: 0px; color: #444; font-size:16px; line-height:28px; }
.item-card .item-footer { padding:10px 20px; }
.item-card .item-footer a { font-size:14px; color:#aaa; }
.item-card .item-footer .icon { font-size:22px; vertical-align: middle; }
.item-card .item.item-footer { overflow: inherit; }

.top-msg { position:absolute; background-color: rgba(0,0,0,.5); height:30px; line-height:30px; left: 0px; right:0px; top:44px; text-align:center; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s; color:#fff; }
.platform-ios .top-msg { top:64px; }
.platform-ios4 .top-msg { top:44px; }

.joke-loading { stroke:#fff; }
.pop-msg { font-size:40px; }
.nodata { text-align:center; color:#888; margin-top:40%; font-size:14px; }
.loading { text-align:center; padding:20px; }
.pane .loading .joke-loading { stroke:#666; }
.loading-error { text-align:center; color:#888; margin-top:40%; font-size:14px; }
.loading-error2 { text-align:center; color:#888; margin-top:10%; font-size:14px; }

.select-win.modal {  top:inherit; bottom:0px; height:296px; min-height:296px; }
.select-win .select-bar { background-color:#f8f8f8; }
.modal-backdrop-bg.select-win-bg { background-color: rgba(0,0,0,.4); }
.select-inner ion-scroll li {position: relative;top: 0;left: 0;width: 100%; height: 36px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;overflow: hidden;line-height: 36px;color: #000;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;text-align:center;}
.select-inner { background-color: #ddd;height: 252px;position: relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;padding: 0;font-size:1.1rem;text-align: right;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 30%, white 70%, transparent 95%, transparent);-webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 30%, white 70%, transparent 95%, transparent); top:44px; }
.select-inner ion-scroll{height: 252px;}
.select-inner .scroll { padding: 108px 0;}
.select-inner .picker-center-highlight {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 0px;pointer-events: none;}
.select-inner .picker-center-highlight:after {position: absolute;top: auto;right: auto;margin-bottom: -18px;bottom: 0;left: 0;z-index: 15;display: block;width: 100%;height: 50%;content: '';background-color: rgba(255,255,255,.4);-webkit-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;}
.select-inner .picker-center-highlight:before {position: absolute;top: 0;right: auto;bottom: auto;left: 0;z-index: 15;display: block;width: 100%;height: 50%;margin-top:-18px;content: '';background-color: rgba(255,255,255,.4);-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;}
.select-inner .row,
.select-inner .col{padding: 0;}


.feedback-title { font-size:16px; padding:10px; }
.feedback-text textarea { width:100%; height:150px; padding:10px; resize:none; }
.feedback-text .inputnum { position:absolute; right:10px; top:270px; z-index:10; color:#999; }

.ion-tags { padding:10px; background-color:#fff; }
.ion-tags a { padding:5px 12px; border-radius:25px; display:block; float:left; background-color:#eee; border:1px solid #999; margin-right:10px; margin-bottom:5px; color:#333; }
.ion-tags a.active { background-color:#d00; border: 1px solid #f00; color:#fff; }

.filter-menu.popover { border-radius:0; left:0; top:30px; width:100%; height:auto; bottom:0px; opacity:1;margin-left:0px; }
.filter-menu.popover .scroll-content { border-radius:0; margin:0; }
.filter-menu.popover .popover-arrow { display:none; }
.filter-menu.popover .filter-title { height:42px; font-size:16px; padding-left: 16px; line-height:40px; }
.filter-menu.popover ion-item { border-left:none; padding:10px 20px; }
.filter-menu.popover ion-item span { display:inline-block; width:20px; height:15px; }
.platform-ios .filter-menu.popover { top:50px; }
.platform-android .filter-menu.popover { top:77px; }

.search-box,.main-box { background-color:transparent; }
.platform-ios .search-box,.platform-ios .main-box { margin-top:-20px; }

.about-title { text-align: center; font-size:16px; color:#f00; padding:20px; }
.about-title img { width:80px; height:80px; }
.about-support { padding:0px 10px 5px 10px; }
.about-tip { padding:16px; }

.joke ion-header-bar.header-transparent,
.header-transparent { background-image:none; }
.header-transparent .button-clear.button-clear { color:#fff; }
.header-transparent .title { display:none; color:#fff; }
.header-transparent.header-show { -webkit-animation: showHeader 1s; background-color:#44ABB2; pointer-events:all; }
.header-transparent.header-show .title { display:block; }
@-webkit-keyframes showHeader {
	from { background-color:transparent; }
	to   { background-color:#44ABB2; }
}
.header-transparent.header-hide { -webkit-animation: hideHeader 1s; background-color:transparent;pointer-events:none; }
.header-transparent.header-hide .title { display:none; }
.header-transparent.header-hide button { pointer-events:all; }
@-webkit-keyframes hideHeader {
	from { background-color:#44ABB2; }
	to   { background-color:transparent; }
}

.imageloaded {opacity: 0;}
.imageloaded-fadein { opacity: 1; -webkit-animation: fadein 1s; animation: fadein 1s; }
@keyframes fadein {from { opacity: 0; } to { opacity: 1; }}
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; }}

.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInDown {
	from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInDown {
	from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@-webkit-keyframes fadeOutUp {
	from {opacity: 1;}
	to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}
@keyframes fadeOutUp {
	from {opacity: 1;}
	to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
}


.likeAnimated,.test-slide-box img.likeAnimated { display: block; width:40px; }
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.rotateLeft {-webkit-animation-name: rotateLeft;animation-name: rotateLeft;-webkit-animation-duration:0.1s; animation-duration:0.1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.fadeOutUpLeft {-webkit-animation-name: fadeOutUpLeft;animation-name: fadeOutUpLeft;-webkit-animation-duration:8s; animation-duration:8s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.rotateRight {-webkit-animation-name: rotateRight;animation-name: rotateRight;-webkit-animation-duration:0.1s; animation-duration:0.1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.fadeOutUpRight {-webkit-animation-name: fadeOutUpRight;animation-name: fadeOutUpRight;-webkit-animation-duration:8s; animation-duration:8s; -webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}to {opacity: 1;}}
@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}to {opacity: 1;}}
@-webkit-keyframes rotateLeft {from {}to {-webkit-transform: rotate3d(0, 0, 1, -20deg);transform: rotate3d(0, 0, 1, -20deg);}}
@keyframes rotateLeft {from {}to {-webkit-transform: rotate3d(0, 0, 1, -20deg);transform: rotate3d(0, 0, 1, -20deg);}}
@-webkit-keyframes fadeOutUpLeft { from {-webkit-transform: rotate3d(0, 0, 1, -20deg);transform: rotate3d(0, 0, 1, -20deg); } to { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); } }
@keyframes fadeOutUpLeft {from {-webkit-transform: rotate3d(0, 0, 1, -20deg);transform: rotate3d(0, 0, 1, -20deg); } to {opacity: 0;-webkit-transform: translate3d(0, -1500px, 0);transform: translate3d(0, -1500px, 0);}}
@-webkit-keyframes rotateRight {from {}to {-webkit-transform: rotate3d(0, 0, 1, 20deg);transform: rotate3d(0, 0, 1, 20deg);}}
@keyframes rotateRight {from {}to {-webkit-transform: rotate3d(0, 0, 1, 20deg);transform: rotate3d(0, 0, 1, 20deg);}}
@-webkit-keyframes fadeOutUpRight { from {-webkit-transform: rotate3d(0, 0, 1, 20deg);transform: rotate3d(0, 0, 1, 20deg); } to { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); } }
@keyframes fadeOutUpRight {from {-webkit-transform: rotate3d(0, 0, 1, 20deg);transform: rotate3d(0, 0, 1, 20deg); } to {opacity: 0;-webkit-transform: translate3d(0, -1500px, 0);transform: translate3d(0, -1500px, 0);}}

.platform-android .action-sheet-backdrop { -webkit-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; position: fixed; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); }
.platform-android .action-sheet-backdrop.active { background-color: rgba(0, 0, 0, 0.4); }
.platform-android .action-sheet-wrapper { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms; transition: all cubic-bezier(0.36, 0.66, 0.04, 1) 500ms; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; max-width: 500px; margin: auto; }
.platform-android .action-sheet-up { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.platform-android .action-sheet { margin-left: 8px; margin-right: 8px; width: auto; z-index: 11; overflow: hidden; }
.platform-android .action-sheet .button { display: block; padding: 1px; width: 100%; border-radius: 0; border-color: #d1d3d6; background-color: transparent; color: #007aff; font-size: 21px; }
.platform-android .action-sheet .button:hover { color: #007aff; }
.platform-android .action-sheet .button.destructive { color: #ff3b30; }
.platform-android .action-sheet .button.destructive:hover { color: #ff3b30; }
.platform-android .action-sheet .button.active, .platform-android .action-sheet .button.activated { box-shadow: none; border-color: #d1d3d6; color: #007aff; background: #e4e5e7; }
.platform-android .action-sheet-has-icons .icon { position: absolute; left: 16px; }
.platform-android .action-sheet-title { padding: 16px; color: #8f8f8f; text-align: center; font-size: 13px; }
.platform-android .action-sheet-group { margin-bottom: 8px; border-radius: 4px; background-color: #fff; overflow: hidden; }
.platform-android .action-sheet-group .button { border-width: 1px 0px 0px 0px; }
.platform-android .action-sheet-group .button:first-child:last-child { border-width: 0; }
.platform-android .action-sheet-options { background: #f1f2f3; }
.platform-android .action-sheet-cancel .button { font-weight: 500; }
.platform-android .action-sheet-open { pointer-events: none; }
.platform-android .action-sheet-open.modal-open .modal { pointer-events: none; }
.platform-android .action-sheet-open .action-sheet-backdrop { pointer-events: auto; }
.platform-android .action-sheet .action-sheet-title, .platform-android .action-sheet .button { text-align: center; }
.platform-android .action-sheet-cancel { display: block; }

.action-sheet,.platform-android .action-sheet { margin-left:0; margin-right:0; }
.action-sheet-group,.platform-android .action-sheet-group { margin-bottom:0; border-radius:0; }
.action-sheet-options,.platform-android .action-sheet-options { background: rgba(255,255,255,0.96); }

.joke.dark .pane,
.joke.dark .view,
.joke.dark ion-content,
.joke.dark ion-modal-view { background-color:#293039; }
.joke.dark ion-modal-view.select-win { background-color:#fff; }
.joke.dark .popup-container .popup { border-radius: 5px; background-color: rgba(41,48,57,.95); }
.joke.dark .popup .popup-head,
.joke.dark .popup .popup-body { border-bottom: 1px solid #151515; }
.joke.dark .popup-container .popup-title, .joke.dark .popup-container .popup-body { color:#747884 }
.joke.dark .popup .popup-buttons .button { background-color:transparent; border:0px;border-right: 1px solid #151515; border-radius:0; color:#747884; margin-right:0; }
.joke.dark .pop-alert2 .popup .popup-head { border-bottom:0px; }
.joke.dark .popup .popup-buttons .button.button-dark { color:#ccc; }
.joke.dark .item-card::after,
.joke.dark .item-card .item-body::after { border-color:#151515; }
.joke.dark .item { background-color:#20262E; border-color:#151515; color:#747884 }
.joke.dark .bar .title .search-box { color:#ccc; }
.joke.dark .tabs a,
.joke.dark .button.button-clear,
.joke.dark .filter-title,
.joke.dark .item p { color:#747884; }
.joke.dark .tabs a.tab-item-active { color:#ccc; }
.joke.dark .tabs,
.joke.dark ion-header-bar { background-color: #1E2226; background-image: linear-gradient(0deg,#1E2226,#1E2226 50%,transparent 50%); }
.joke.dark .ioslist .list .item:after { border-color:#151515; }
.joke.dark .ioslist .list:before { border-top: 1px solid #151515; }
.joke.dark .ioslist .list:after { border-bottom: 1px solid #151515; }
.joke.dark .ioslist .list .item.activated,
.joke.dark .ioslist .list .item.item-complex .item-content { background-color:#20262E; }
.joke.dark .ioslist .list .item.clicked,
.joke.dark .ioslist .list .item.clicked .item-content,
.joke.dark .ioslist .list .clicked .item { background-color:#111; }
.joke.dark .ioslist .list .item-more .ion-ios-arrow-right { color:#747884; }
.joke.dark .item-select select { background-color:transparent; color:#747884; }
.joke.dark .toggle.toggle-dark input:checked+.track,
.joke.dark .toggle .track { background-color:#111; border:1px solid #111; }
.joke.dark .toggle .handle,
.joke.dark .toggle input:checked+.track .handle { background-color:#999; }
.joke.dark .ion-tags {background-color:#20262E;}
.joke.dark .ion-tags a {background-color:#293039; border:1px solid #111; color:#747884; }
.joke.dark .ion-tags a.active { background-color:#d00; border: 1px solid #f00; color:#fff; }
.joke.dark .edit-title { color:#747884; background-color:#20262E; }
.joke.dark .about-support,
.joke.dark .about-tip,
.joke.dark .feedback-title { color:#747884; }
.joke.dark .edit-item.item-bline::after { border-color:#111; }
.joke.dark .edit-item input,
.joke.dark .edit-item textarea,
.joke.dark .feedback-text textarea { background-color:#20262E; color:#888; }
.joke.dark .top-msg { background-color: rgba(0,0,0,.5); color:#df2727; }

/*iPhone 6+ Portrait*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {
	button, input, label, select, textarea,.button,.item,.nodata { font-size:18px; }
	.bar .title { font-size:19px; }
	.item h2 { font-size:18px; }
}